<!DOCTYPE html>
<html>
<head>
<title>SparkShop安装向导</title>
	<meta charset="UTF-8" />
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/static/js/layui/css/layui.css">
	<link rel="stylesheet" href="/static/css/install.css?<php>echo rand(1000,9999);</php>">
	<script src="/static/js/layui/layui.js"></script>
</head>
<body>

<div class="layui-header">
	<div class="layui-container">
		<h1 class="logo">
			<a href="https://sparkshop.pfecms.com">
				<img class="pic" src="/static/images/logo.png" alt=""> <span style="margin-left: 10px;font-size: 22px!important;">SparkShop</span></a>
		</h1>
		<div class="title">安装向导</div>
	</div>
</div>

<div class="layui-content" style="padding-top: 0px;">
	<div class="layui-container">
		<div class="layui-row">

			<div class="layui-step-group">
	            <div class="layui-step layui-active">
	                <div class="layui-sort">1</div>
	                <div class="layui-desc">检查安装环境</div>
	            </div>
	            <div class="layui-step layui-line"></div>
	            <div class="layui-step">
	                <div class="layui-sort">2</div>
	                <div class="layui-desc">创建数据库</div>
	            </div>
	            <div class="layui-step layui-line"></div>
	            <div class="layui-step">
	                <div class="layui-sort">3</div>
	                <div class="layui-desc">安装成功</div>
	            </div>
	    	</div>

			<div class="layui-col-md12">
				<div class="layui-card layui-fixed">
					<div class="layui-card-header">
						<span>1 运行环境检测</span>
					</div>
					<div class="layui-card-body">

				  		<table class="layui-table" lay-skin="nob" >
				            <thead>
				              <tr>
				                <th>检测项</th>
				                <th>所需环境</th>
				                <th>当前环境</th>
				              </tr>
				            </thead>
				            <tbody>
				              <tr>
				              	<td>php</td>
				              	<td>7.2+</td>
				              	<td><?= $checkenv['php'] ?></td>
				              </tr>
				              <tr>
				              	<td>mysqli</td>
				              	<td>模块</td>
				              	<td>
									<?php if ($checkenv['mysqli'] == 1) { ?>
									<i class="layui-icon layui-icon-ok-circle" style="color:#67C23A"></i>
									<?php } else { ?>
									<i class="layui-icon layui-icon-close-fill" style="color:#F56C6C"></i>
									<?php } ?>
				              	</td>
				              </tr>
				              <tr>
				              	<td>redis</td>
				              	<td>模块/不限</td>
				              	<td>
									<?php if ($checkenv['redis'] == 1) { ?>
									<i class="layui-icon layui-icon-ok-circle" style="color:#67C23A"></i>
									<?php } else { ?>
									<i class="layui-icon layui-icon-close-fill" style="color:#F56C6C"></i>
									<?php } ?>
				              	</td>
				              </tr>
				              <tr>
				              	<td>curl</td>
				              	<td>扩展</td>
				              	<td>
									<?php if ($checkenv['curl'] == 1) { ?>
									<i class="layui-icon layui-icon-ok-circle" style="color:#67C23A"></i>
									<?php } else { ?>
									<i class="layui-icon layui-icon-close-fill" style="color:#F56C6C"></i>
									<?php } ?>
				              	</td>
				              </tr>
				              <tr>
				              	<td>exif</td>
				              	<td>扩展</td>
				              	<td>
									<?php if ($checkenv['exif'] == 1) { ?>
									<i class="layui-icon layui-icon-ok-circle" style="color:#67C23A"></i>
									<?php } else { ?>
									<i class="layui-icon layui-icon-close-fill" style="color:#F56C6C"></i>
									<?php } ?>
				              	</td>
				              </tr>
				              <tr>
				              	<td>fileinfo</td>
				              	<td>扩展</td>
				              	<td>
									<?php if ($checkenv['fileinfo'] == 1) { ?>
									<i class="layui-icon layui-icon-ok-circle" style="color:#67C23A"></i>
									<?php } else { ?>
									<i class="layui-icon layui-icon-close-fill" style="color:#F56C6C"></i>
									<?php } ?>
								</td>
				              </tr>
							  <tr>
								  <td>GD</td>
								  <td>扩展</td>
								  <td>
									  <?php if ($checkenv['gd'] == 1) { ?>
									  <i class="layui-icon layui-icon-ok-circle" style="color:#67C23A"></i>
									  <?php } else { ?>
									  <i class="layui-icon layui-icon-close-fill" style="color:#F56C6C"></i>
									  <?php } ?>
								  </td>
							  </tr>
				            </tbody>
	            		</table>

				  		<table class="layui-table dir" lay-skin="nob">
				            <thead>
				              <tr>
				                <th>目录名</th>
				                <th>写入权限</th>
				                <th>读取权限</th>
				              </tr> 
				            </thead>
				            <tbody>
							<?php foreach ($checkdirfile as $vo) { ?>
				              <tr>
				                <td><?= $vo[3] ?></td>
				                <td><i class="layui-icon <?= $vo[1] ?>"></i></td>
				                <td><i class="layui-icon <?= $vo[2] ?>"></i></td>
				              </tr>
							<?php } ?>
				            </tbody>
	            		</table>
						
					    <div class="layui-center">
							<button type="button" onclick="window.history.go(-1);" class="layui-btn layui-btn-normal layui-btn-radius" style="border-radius:5px !important;">上一步</button>
							<button id="step" type="button" class="layui-btn layui-btn-normal layui-btn-radius" style="border-radius:5px !important;">下一步</button>
					    </div>
		    		</div>
					</div>
				</div>
			</div>
		</div>
    </div>
</div>

<div class="layui-footer">copyright © 2023~2024 SparkShop all rights reserved.</div>
</body>


<script type="text/javascript">
	layui.use(['jquery','layer'],function() {
		var layer = layui.layer;
		var jquery = layui.jquery;


		jquery('#step').click(function(){
			jquery.post('/install/index/step1',[],function(res){
				if (res.code == 200) {
					location.href = res.url;
				}
				else {
					layer.msg(res.msg);
				}
			})
		}) 

	})
</script>
</html>